<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>banner插件展示</title>
	<link rel="stylesheet" type="text/css" href="../css/banner.css">
	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="../js/banner.js"></script>
</head>
<style type="text/css">
	body,html
	{
    margin: 0;
    width: 100%;
    height: 100vh;
    background-color: #191919;
	}
	.frame
	{
		width: 85vw;
		height: 40vw;
		margin: 2vw auto;
	}
</style>
<body>

	<div class="frame">
	<!--使用该插件请查看根目录《使用方法.txt》-->


	<!--主要内容》》》-->
	<div class="banners">

		<!--受保护块，不建议修改》》》-->
		<div class="click_left"><img class="get_height" onclick="banner_left_right('left')" src="../images/banner_left.png"></div>
		<div class="click_right"><img onclick="banner_left_right('right')" src="../images/banner_right.png"></div>
		<div class="number">
			<div class="numbers"></div>
			<div style="clear: both;"></div>
		</div>
		<!--《《《受保护块，不建议修改-->

		<!--onlick事件调用函数link(参数1，参数2)>>>参数1:跳转链接; 参数2:跳转方式（true:在新的窗口打开链接,false:在当前窗口打开链接）-->
		<div class="banner_img">

			<!--在此位置内添加img标签即可>>>-->
			<img class="banner_img1" src="../images/Texture-1.png" onclick="link('http://www.baidu.com',true)">
			<img class="banner_img2" src="../images/Texture-2.png" onclick="link('http://www.baidu.com',false)">
			<img class="banner_img3" src="../images/Texture-3.png" onclick="link('http://www.baidu.com',true)">
			<!--<<<在此位置内添加img标签即可-->
			
		</div>

		<!--此段代码不可移动位置-->
		<script type="text/javascript">
			loads();
		</script>
		<!--此段代码不可移动位置-->

	</div>
	<!--《《《主要内容-->



	</div>

</body>
</html>